@font-face {
    font-family: 'Poppins';
    src: local('Poppins'),
        url(assets/fonts/Poppins-Regular.ttf) format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'Poppins';
    src: local('Poppins'), url(assets/fonts/Poppins-Bold.ttf) format('truetype');
    font-weight: 700;
}

/* Hide scrollbars but keep functionality*/
/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
    display: none;
}
html::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    margin: 0;
    font-family: 'Poppins', 'Ubuntu', -apple-system, BlinkMacSystemFont,
        'Segoe UI', 'Roboto', 'Oxygen', 'Cantarell', 'Fira Sans', 'Droid Sans',
        'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #111313; /* Match Cashtab primary background */
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
        monospace;
}

/* Hide up and down arros on input type="number" */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide up and down arrows on input type="number" */
/* Firefox */
input[type='number'] {
    -moz-appearance: textfield;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden; /* Prevent horizontal scrolling */
}

/* Respect iOS safe areas to avoid overlapping the status bar and home indicator */
body {
    padding-top: constant(safe-area-inset-top); /* iOS < 11.2 */
    padding-top: env(safe-area-inset-top); /* iOS >= 11.2 */
    padding-left: constant(safe-area-inset-left);
    padding-left: env(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    padding-right: env(safe-area-inset-right);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

/* Ensure containers respect viewport width, but exclude interactive elements */
div,
section,
article,
main,
header,
footer,
nav,
aside {
    max-width: 100%;
    box-sizing: border-box;
}

/* Allow interactive elements to have their natural behavior */
input,
button,
select,
textarea,
[role='button'],
[role='switch'],
[role='checkbox'],
[role='radio'] {
    box-sizing: border-box;
}
